<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Security-Policy"
        content="default-src *; connect-src * ws://* wss://*; style-src * 'unsafe-inline' 'unsafe-eval'; media-src * ; img-src * data:; font-src * ; script-src * 'unsafe-inline' 'unsafe-eval';" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>笔记</title>
    <link rel="stylesheet" href="/static/colorui/main.css">
    <link rel="stylesheet" href="/static/element-ui.css">
</head>

<body>
    <div class="page-size-100 " id="app" v-cloak>
        <div class="padding-xs">
            <div style="margin-bottom: 20px;">
                <el-button size="small" @click="addTab(editableTabsValue)">
                    添加新笔记
                </el-button>
                <el-button size="small" type="danger" plain @click="clearStorage">
                    清空所有笔记
                </el-button>
            </div>
            <el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab">
                <el-tab-pane v-for="(item, index) in editableTabs" :key="item.name" :label="item.title"
                    :name="item.name">
                    <el-input type="textarea" :autosize="{ minRows: 30, maxRows: 30}" placeholder="请输入内容"
                        v-model="item.content">
                    </el-input>
                </el-tab-pane>
            </el-tabs>
        </div>
    </div>
    <script type="text/javascript" src="/static/vue.min.js"></script>
    <script type="text/javascript" src="/static/element-ui.js"></script>
    <script type="text/javascript" src="/JsTools/clipboard.min.js"></script>
    <script type="text/javascript" src="/JsTools/lodash.min.js"></script>
    <script type="text/javascript" src="index.js"></script>
</body>

</html>